{% load filter %}
{% extends '1base.html' %}
{% block title %}
<title>Wow Dkp Engine</title>
<meta name="Keywords" content="wow,dkp"/>
<meta name="description" content="A wow dkp system" />
<script src="http://www.wowhead.com/widgets/power.js"></script>
<script>
	  google.load("visualization", "1", {packages:["table","piechart"]});

	  google.setOnLoadCallback(drawTable);
	  function drawTable() {
		var json_data = new google.visualization.DataTable({{ json }}, 0.5);
		var chart = new google.visualization.PieChart(document.getElementById('players_chart'));

		chart.draw(json_data,{
								legend: 'left',
								colors:['#9482C9','#69CCF0','#EEEEEE','#FFF569','#FF7D0A','#2459FF','#ABD473','#F58CBA','#C79C6E','#C41F3B'],
								width: 400,
								height: 240,
								is3D: true,
								title: 'Guild Overview',
								});
	  }

/*
		chart.draw(json_data,{
								legend: 'left',
								legendBackgroundColor: '#000000',
								legendTextColor: '#ffffff',
								titleColor: '#ffffff',
								backgroundColor: '#000000',
								colors:['#9482C9','#69CCF0','#EEEEEE','#FFF569','#FF7D0A','#2459FF','#ABD473','#F58CBA','#C79C6E','#C41F3B'],
								width: 400,
								height: 240,
								is3D: true,
								title: 'Guild Overview',
								orderColor: '#FFFFFF',
								});
	  }
	  
*/
</script>
{% endblock %}
{% block headline %}
{% endblock %}
{% block secondmenu %}
{% include 'second_menu.html'%}
{% endblock %}
{% block content %}
<div id="main">
	<div class="charter">
		<div id="players_chart"></div>
	</div>
</div>
{% endblock%}
{% block siderbar %}
	{% include 'forumSiderbar.html' %}
{% endblock%}